<template>
	<view class="container">
		<view class="title">
			<view class="title1">
				<view class="title_word">感兴趣</view>
				<view class="triangle"></view>
			</view>
		</view>

		<view class="listBox" v-for="item in list" :key="item.id">
			<!-- 右上角的 box -->
			<view class="status-box" v-if="item.visit_number && item.visit_number >0">
				已走访{{item.visit_number}}次
			</view>
			<view class="box">
				<view class="box_left">客户姓名:</view>
				<view class="box_right">{{item.customer_name}}</view>
			</view>
			<view class="box">
				<view class="box_left">客户现状:</view>
				<view class="box_right">{{item.customer_status}}</view>
			</view>
			<view class="box">
				<view class="box_left">客户反馈:</view>
				<view class="box_right">{{item.customer_feedback}}</view>
			</view>
			<view class="box">
				<view class="box_left">客户地址:</view>
				<view class="box_right">{{item.customer_address}}</view>
			</view>
			<view class="box">
				<view class="box_left">拜访时间:</view>
				<view class="box_right">{{item.visit_time}}</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						id: 1,
						customer_name: "张三",
						customer_status: "99以上套餐",
						customer_feedback: "感兴趣",
						customer_address: "武汉市江岸区开明路1号",
						visit_time: "2024-08-28 10:20:22",
						visit_number:2 //走访次数
					},
					{
						id: 2,
						customer_name: "张三",
						customer_status: "99以上套餐",
						customer_feedback: "感兴趣",
						customer_address: "武汉市江岸区开明路1号",
						visit_time: "2024-08-28 10:20:22",
						visit_number:3
					},
					{
						id: 3,
						customer_name: "张三",
						customer_status: "99以上套餐",
						customer_feedback: "感兴趣",
						customer_address: "武汉市江岸区开明路1号",
						visit_time: "2024-08-28 10:20:22",
						visit_number:0
					},
					{
						id: 4,
						customer_name: "张三",
						customer_status: "99以上套餐",
						customer_feedback: "感兴趣",
						customer_address: "武汉市江岸区开明路1号",
						visit_time: "2024-08-28 10:20:22",
						visit_number:0
					},
				]
			}
		},
		onShow() {


		},
		methods: {

		}
	}
</script>

<style scoped>
	@import url('./zfRecord.css');
</style>